@import './vw';
@import './common';

.content-course2{
  padding-top: vw(120);
  padding-left: vw(29);
  padding-right: vw(29);
  display: flex;
  flex-direction: column;
  h3{
    font-weight: 600;
    font-size: vw(30);
    margin-bottom: vw(15);
  }
  .introduce{
    display: flex;
    justify-content: space-between;
    color: #8b8b8b;
    font-size: vw(18);
    border-bottom: 1px solid #8b8b8b;
    padding-bottom: vw(14);
  }
  .box-img{
    display: flex;
    margin-bottom: vw(32);
    img{
      width: 100%;
    }
  }

  .box-text{
    color: #8b8b8b;
    font-size: vw(20);
    line-height: vw(24);
    margin-bottom: vw(40);
  }
  .box-text2{
    color: #8b8b8b;
    font-size: vw(20);
    line-height: vw(24);
    margin-bottom: vw(11);
  }
  h3:last-child{
    font-weight: normal;
    margin-bottom: vw(17);
  }
  .time-place{
    display: flex;
    flex-direction: column;
    span{
      height: vw(24);
      margin-bottom: vw(11);
      color: #727171;
      font-size: vw(20);
      img{
        height: 100%;
      }
    }
  }

  .teacher{
    height: vw(154);
    display: flex;
    flex-direction: column;
    p{
      font-size: vw(20);
      color: #5c5856;
      margin-bottom: vw(14);
    }
    .teacher-item{
      display: flex;
      justify-content: space-between;
      .teacher-box{
        display: flex;
        // border: 1px solid red;
        .teacher-img{
          display: flex;
          width: vw(87);
          height: vw(86);
          margin-right: vw(6);
          img{
            width: 100%;
            // height: 100%;
          }
        }
        .teacher-text{
          display: flex;
          flex-direction: column;
          justify-content: center;
          color: #727171;
          
          span{
            font-size: vw(12);
            // line-height: vw(20);
          }
          span:first-child{
            font-size: vw(18);
            margin-bottom: vw(8);
          }
          
        }
      }
    }
    
  }
  button{
    // display: block;
    color: #ffffff;
    font-size: vw(34);
    height: vw(86);
    background-color: #b20000;
    border: transparent;
    outline: transparent;
    cursor: pointer;
    span{
      display:inline-block;
      font-size: vw(24);
      width: vw(25);
      height: vw(25);
      // line-height: vw(25);
      border-radius: 50%;
      background-color: #ffffff;
      color: #b20000;
      margin-left: vw(19);
      vertical-align: middle;
      text-align: center;
    }
  }
}